<template>
  <el-col class="app-project-col" :span="6">
    <Nuxt-link :href="url" class="app-project-link" target="_blank">
      <div class="link-wrap">
        <div class="img">
          <img src="//resources.jsmo.xin/templates/upload/13618/201904/1556444506897.jpg" alt="泰房周刊" />
        </div>
        <div class="info">
          <div>
            <p class="title">{{ data.title }}</p>
            <p class="subtitle">Horizon Asset</p>
            <p class="description hide" />
          </div>
        </div>
      </div>
    </Nuxt-link>
  </el-col>
</template>
<script setup lang="ts">
interface IProps {
  data: any
}

const props = withDefaults(defineProps<IProps>(), {
  data: {},
})
const { data }: any = toRefs(props)
const url = `/project/${data.value.id}`
</script>
